<template>
	<!-- <div class="page"> -->
	<div>
		<div class="page-title">
			<div class="page-title-left">
				<span>拉新活动奖励</span>
				<span>({{rewardIntegral}})</span>
			</div>
		</div>
		<div class="page-main">
			<div class="page-main-header">
				<p>共计发放积分：{{rewardIntegral}}积分</p>
				<p>共计拉新人数：{{peoples}}人</p>
			</div>
			<div v-loading="loading">
				<el-table :data="tableData" border stripe style="margin-bottom: 22px;" size="small">
					<el-table-column  prop="username" label="会员名称" align="center" @click="alert(1)">
						<template scope="scope">
							<el-button @click="handleClick(scope.row,0)" type="text" size="small">{{scope.row.username}}</el-button>
						</template> 
					</el-table-column>
					<el-table-column  prop="telnum" label="手机号码" style="color: yellow;" align="center">
					</el-table-column>
					<el-table-column  prop="u1nick" label="上一级会员(2)" align="center">
						<template scope="scope" >
							<el-button @click="handleClick(scope.row,1)" type="text" size="small" v-if="scope.row.u1nick">{{scope.row.u1nick}}</el-button>
							<el-button type="text" style="color: #606266;font-size: 12px;" v-else>{{'-'}}</el-button>
						</template> 
					</el-table-column>
					<el-table-column  prop="u2nick" label="上二级会员(1.5)" align="center">
						<template scope="scope" >
							<el-button @click="handleClick(scope.row,2)" type="text" size="small" v-if="scope.row.u2nick">{{scope.row.u2nick}}</el-button>
							<el-button type="text" style="color: #606266;font-size: 12px;" v-else>{{'-'}}</el-button>
						</template> 
					</el-table-column>
					<el-table-column  prop="u3nick" label="上三级会员(1)" align="center">
						<template scope="scope" >
							<el-button @click="handleClick(scope.row,3)" type="text" size="small" v-if="scope.row.u3nick">{{scope.row.u3nick}}</el-button>
							<el-button type="text" style="color: #606266;font-size: 12px;" v-else>{{'-'}}</el-button>
						</template> 
					</el-table-column>
					<el-table-column  prop="registertime" label="注册时间" align="center">
					</el-table-column>
					<!-- <el-table-column  prop="insertdate" label="认证时间" align="center">
					</el-table-column> -->
					<el-table-column  prop="total" label="发放积分" align="center">
					</el-table-column>
				</el-table>
				<el-pagination @size-change="handleSizeChange" 
					@current-change="handleCurrentChange" :current-page="pagenum" 
					:page-sizes="[10, 20, 30, 50, 100]" :page-size="pagesize" 
					layout="total, sizes, prev, pager, next, jumper" :total="total" background>
				</el-pagination>
		  </div>
		</div>
		<el-dialog :visible.sync="dialogVisible" width="1040px">
			<resume-detail
				v-if="dialogVisible"
				:userid="userid"
				:nickName="nickName"
				:isShowTelphone="true"
			></resume-detail>
		</el-dialog>
		</div>
	<!-- </div> -->
</template>

<script src="./index.js">
</script>

<style scoped src="./index.css">
</style>
